@import '../../variable.less';
page{
  background: #fff;
}
.topline{
  width:100%;
  height:2rpx;
  box-shadow: 0rpx 3rpx 12rpx rgba(0, 0, 0, 0.2);
}

.container{
  padding: 0 30rpx;
  .tit{
    padding:40rpx 0 30rpx 30rpx;
    width: 120rpx;
    height: 42rpx;
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 42rpx;
    color: #333333;
    opacity: 1;
  }
  .list{
    .item{
      width:690rpx;
      background-color: #F7F7F9;
      margin-bottom:20rpx;
      padding:30rpx;
      box-sizing: border-box;
      .top{
        width:auto;
        .title{
          width: 407rpx;
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: 500;
          line-height: 45rpx;
          color: #333333;
          text-indent: 0.5em;
        }
        .time,.address{
          padding-top:20rpx;
          padding-left:39rpx;
          height:33rpx;
          font-size: 24rpx;
          font-family: PingFang SC;
          font-weight: 500;
          line-height: 33rpx;
          color: #999999;
          position: relative;
        }
        .address{
          padding-top:13rpx;
          padding-left:39rpx;
        }
        .lefticon{
          position: absolute;
          left:0;
        }
      }
      .bottom{
        display: flex;
        justify-content: space-between;
        line-height: 50rpx;
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 50rpx;
        .text{
          color:@color;
        }
        .btn{
          width:132rpx;
          height:50rpx;
          text-align: center;
          background-color: #999999;
          color: #FFFFFF;
        }
        .text1{         
          color: #999999;
        }
        .btn1{
          background: @color;
        }
      }
    }

  }

}
